<template>
  <div class="nodata">
    <img src="@/assets/images/noData.png" alt="" />
    <div>暂无数据</div>
  </div>
</template>

<script>
export default {
  name: 'NodataBox',
  props: {},
  data() {
    return {}
  },
  methods: {}
}
</script>
<style lang="scss" scope>
.nodata {
  width: 100%;
  height: 100%;
  // background: no-repeat center center url(@/assets/images/noData.png');
  // background-size: 50% 150%;
  position: relative;
  img {
    display: block;
    max-width: 350px;
    height: 100%;
    margin: 0 auto;
  }
  div {
    width: 100%;
    position: absolute;
    font-size: 14px;
    color: #646464;
    line-height: 20px;
    bottom: 10%;
    text-align: center;
  }
}
</style>
